{include file="public/header"}
<!--<meta name="viewport" content="width=device-width,initial-scale=1"/>-->
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes">-->
<title>详情</title>
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-select/1.14.0-beta/css/bootstrap-select.css" rel="stylesheet">
</head>
<style>
    td {
        text-align: center !important;
    }

    .ch-more-row-button {
        display: none;
    }

    .ch-info-form {
        line-height: 1;
    !important;
    }
    .ck{
        display: block;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;"

    }
    .basicInfo{
        margin-top: 9px;
        line-height: 30px;
        word-break:break-all;
        color:grey;
    }
    .infoChild{
        color: black;
    }
</style>

<div class="page-container">
    <form action="" method="post" class="form form-horizontal" id="form-member-add">
        <h2 class="ch-info-title"><span class="glyphicon glyphicon-file"></span>基础信息</h2>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">方案类别：</span>  {volist name="$data.scheme_category" id="vo" key="k" } {$vo.category_name} {/volist}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex">：</p>-->
            <div class="basicInfo">
                <span class="infoChild">方案名称:</span>{$data.name}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">城市：</span>{$data['address']}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">添加人：</span>{$data['briefIntroduction']}
            </div>
        </div>

        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">小区名称：</span>{volist name="$data.scheme_community" id="vo" key="k" } {$vo.name} {/volist}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">方案户型：</span>{volist name="$data.scheme_house" id="vo" key="k" } {$vo.name} {/volist}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">预计工期：</span>{$data.day}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">方案简介：</span>{$data.info}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">创建时间：</span>{$data.creation_time}
            </div>
        </div>
        <div class="ch-row ch-info-form">
            <!--<p class="flex"></p>-->
            <div class="basicInfo">
                <span class="infoChild">编号：</span>{$data.scheme_no}
            </div>
        </div>
        <h2 class="ch-info-title"><span class="glyphicon glyphicon-file"></span>方案标签</h2>
        <div style="width: 100%;text-align:center;display: flex;justify-content: start;padding: 7px">
            {volist name="$data.scheme_tag" id="vo" key="k" }

            <div style="border: 1px solid #cbccce;width: 390px;{if condition='$k ==2'}margin-left: 10px;margin-right:10px;{/if} " >

                <div style="font-weight:700;text-align: left;padding: 10px;">{$vo.title}</div>
                <div style="text-align: left;padding: 10px;">位置</div>
                <div>
                    <div class="parent">
                        {volist name="vo.position" id="v" }
                        {if condition="$v.type ==1"}
                        <div class="child" style="width: 247px;background: rgba(72, 206, 112, 1);color: white">{$v.name}</div>

                        {/if}
                        {/volist}

                    </div>

                </div>
                <div style="text-align: left;padding: 10px;">问题类型</div>
                <div class="parent1">
                    {volist name="vo.position" id="v" }
                    {if condition="$v.type ==2"}
                    <div class="child1" style="display: inline-block;background: mediumpurple;color: white">{$v.name}</div>
                    {/if}
                    {/volist}

                </div>

            </div>
            {/volist}
        </div>


        <h2 class="ch-info-title"><span class="glyphicon glyphicon-file"></span>方案清单</h2>
        <textarea style="display: none" id="jijian">

    </textarea>

        <div class="title-border">

            <div class="flex1">名称</div>
            <div class="flex1">方量</div>
            <div class="flex1">价格</div>
            <div class="flex1 screen-phone">总金额</div>
            <div class="flex1 screen-phone">备注</div>

        </div>
        {volist name="$data.scheme_project" id="vo" key="k" }
            <div class="content-border">

                <div class="flex1 screen-phone">{$vo.projectTitle}</div>
                <div class="flex1">{$vo.square}</div>
                <div class="flex1">{$vo.projectMoney}</div>
                <div class="flex1 screen-phone">{$vo.to_price}</div>
                <div class="flex1 screen-phone">{$vo.remarks}</div>

            </div>
        {/volist}


        <h2 class="ch-info-title"><span class="glyphicon glyphicon-file"></span>图片展示</h2>
        <div class="formControls col-xs-8 col-sm-8 col-md-8">
            {volist name="$data.scheme_img" id="vo" key="k" }
            <div class="flex2" style="display: inline-block">
                <img style="width: 100px;height: 100px;" src="{$vo.path}">
                <div style="color: pink;padding-left: 20px;">{$vo.title}</div>
            </div>

            {/volist}

        </div>

        <div class="ch-more">
            <div class="ch-more-box">
                <div class="ch-more-top">
                    <div class="ch-more-off"></div>
                </div>
                <div class="ch-more-tark">
                    <div class="ch-more-content">

                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
{include file="public/footer"}


<style>
    .parent{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .child{
        flex: 0 0 18%;
        /*width: 50px;*/
        height: 30px;
        line-height: 30px;
        background: #cbccce;
        margin: 2px;
        border-radius: 5px;
    }
    .parent1{
        margin-bottom: 10px;
        text-align: left;
    }
    .child1{
        /*flex: 0 0 18%;*/
        padding: 0 5px 0 5px;
        height: 30px;
        line-height: 30px;
        background: #cbccce;
        margin: 1px;
        margin-top: 3px;
        border-radius: 5px;
        text-align: left;
    }
</style>


